<div nz-row nzGutter="16">
    <div nz-col nzSpan="1" style="width: 86px;">
        <label class="line-height-32-prefix">物料编码：</label>
    </div>
    <div nz-col nzSpan="3">
        <input type="text" nz-input placeholder="输入物料编码"/>
    </div>
    <div nz-col nzSpan="2">
        <label class="line-height-32-prefix">物料名称：</label>
    </div>
    <div nz-col nzSpan="3">
        <input type="text" nz-input placeholder="输入物料名称"/>
    </div>
    <div nz-col nzSpan="2">
        <label class="line-height-32-prefix">库房：</label>
    </div>
    <div nz-col nzSpan="3">
        <input type="text" nz-input placeholder="输入库房编号"/>
    </div>
    <div nz-col nzSpan="2">
        <label class="line-height-32-prefix">库区：</label>
    </div>
    <div nz-col nzSpan="3">
        <input type="text" nz-input placeholder="输入库区编号"/>
    </div>
    <div nz-col nzSpan="4">
        <button nz-button nzType="primary">查询</button>
    </div>
</div>
<div nz-row>
    <nz-divider></nz-divider>
</div>
<div nz-row>
    <nz-table #basicTable nzTitle="批次信息" [nzData]="listOfData" [nzFrontPagination]="false" class="margin-top--16">
        <thead>
        <tr>
            <th>库房</th>
            <th>库区</th>
            <th>产品编码</th>
            <th>产品名称</th>
            <th>库存现有量</th>
            <th>生产在制数量</th>
            <th>预留数量</th>
            <th>未发运量</th>
            <th>未排产数量</th>
            <th>合格数量</th>
            <th>订单数量</th>
            <th>净库存量</th>
            <th>差异数量</th>
            <!-- <th>Action</th> -->
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let data of basicTable.data" class="editable-row">
            <td>{{ data.name }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.address }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <td>{{ data.age }}</td>
            <!-- <td>
            <a>Action 一 {{ data.name }}</a>
            <nz-divider nzType="vertical"></nz-divider>
            <a>Delete</a>
            </td> -->
        </tr>
        </tbody>
    </nz-table>
</div>
<div nz-row class="margin-top-16">
    <nz-pagination [nzPageIndex]="1" [nzTotal]="500" [nzPageSize]="10" nzShowSizeChanger [nzShowTotal]="totalTemplate"></nz-pagination>
    <ng-template #totalTemplate let-total> 总共 {{ total }} 条 </ng-template>
</div>
